import Vue from 'vue'
import App from './App.vue'
import router from './router'

import axios from 'axios'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
// //1.axios的基本使用
// axios({
//   // url:'httpbin.org'
//   url:'http://123.207.32.32:8000/home/multidata'
// }).then(res => {
//   console.log(res.data);
// })
//
// axios({
//   url:'http://123.207.32.32:8000/home/data',
//   // 专门针对get请求的参数拼接
//   params:{
//     type:'pop',
//     pages:1
//   }
// }).then(res=>{
//   console.log(res);
// })

// axios发送并发请求
// axios.all([axios({
//   url:'http://123.207.32.32:8000/home/multidata'
// }),axios({
//   url:'http://123.207.32.32:8000/home/data',
//   params:{
//     type: 'pop',
//     pages: 1
//   }
// })]).then(res=>{
//   console.log(res);
// })
// 全局属性配置
//3.使用全局的配置进行网络请求
// axios.defaults.baseURL='http://123.207.32.32:8000'
// axios.defaults.timeout=5000
//
// axios.all([axios({
//   url:'/home/multidata'
// }),axios({
//   url:'/home/data',
//   params:{
//     type: 'sell',
//     pages: 5
//   }
// })]).then(axios.spread((res1,res2)=>{
//   console.log(res1);
//   console.log(res2);
// }))

//4.创建对应的axios的实例
// const instance1=axios.create({
//   baseURL:'http://123.207.32.32:8000',
//   timeout:5000
// })
// instance1({
//   url:'/home/multidata'
// }).then(res=>{
//   console.log(res);
// })
// instance1({
//   url:'/home/data',
//   params:{
//     type: 'sell',
//     pages: 5
//   }
// }).then(res=>{
//   console.log(res);
// })

//5.封装request模块
import {request} from './network/request'
//方式1
// request({
//   url:'/home/multidata'
// },res=>{
//   console.log(res);
// },err=>{
//   console.log(err);
// })

// 方式2
// request({
//   baseConfig:{
//     url:'/home/multidata'
//   },
//   success:function (res) {
//     console.log(res);
//   },
//   failure:function (err) {
//     console.log(err);
//   }
// })

//推荐方式
// request({
//   url:'/home/multidata'
// }).then(res=>{
//   console.log(res);
// }).catch(err=>{
//   console.log(err);
// })

//最终方案
request({
  url:'/home/multidata'
}).then(res=>{
  console.log(res);
}).catch(err=>{
  // console.log(err);
})